<template>
  <div>
    <div id="div0">
      <div class="v-header">
        <div class="v-header-logo" id="div1">
          <img src="/images/logo2.png" />&nbsp;&nbsp;
          <button class="but1">
            <router-link to="/index/sy">首页</router-link>
          </button>
          <button class="but1">
            <router-link to="/index/sy">电影</router-link>
          </button>
          <button class="but1">
            <router-link to="/index/yy">影院</router-link>
          </button>
          <button class="but1">
            <router-link to="/index/yc">演出</router-link>
          </button>
          <button class="but1">榜单</button>
          <button class="but1">热点</button>
          <button class="but1">商城</button>
          <img src="/images/app.png" />&nbsp;&nbsp;
          <input type="text" />&nbsp;&nbsp;
          <button class="but1">
            <router-link to="/" >{{sss}}</router-link>
          </button>
          <button class="but1">
            <router-link to="/index/ct">个人中心</router-link>
          </button>
        </div>
        &nbsp;&nbsp;
        <hr />
      </div>
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "Index",
  data(){
    sss:"登录"
  },
  created() {
    if(sessionStorage.getItem("id")!=""){
      this.sss="退出"
    } ;
  },
  methods: {
     
  }
};
</script>

<style scoped>
.but1 {
  border: none;
  background-color: white;
}
#div1 {
  display: flex;
  padding-top: 20px;
}
#div2 {
  background-color: black;
  height: 50px;
}
#but2 {
  border: none;
  background-color: white;
}
#div4 {
  display: flex;
  margin: 0%;
  padding: 0%;
  position: relative;
  left: 40px;
}
#tel {
  position: absolute;
  left: 5px;
  top: 141px;
  color: red;
  background-color: aqua;
}
#tel2 {
  top: 210px;
  color: red;
  left: 25px;
  position: absolute;
}

#div5 {
  margin-top: 100px;
  background-color: black;
  height: 100px;
}
#tel3 {
  color: white;
  font-size: 10px;
}
</style>